﻿@charset "utf-8";

.block {
    width: 1400px;
}

/*鼠标滚轮*/
.home body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column; height:100%; overflow:hidden;/* overflow-x: auto;*/ padding:0;}
.home{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.home .body_bg {position:fixed;left:0%;top:100%;bottom:0;right:0;height: 100%;overflow:hidden;transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:200;outline:none; background:#FFF;}
.home .body_bg.showdiv {top:0;}
.home .body0 {height:100%; overflow:hidden; opacity:0;}
.home .body0.showdiv {height:100%;overflow:hidden; opacity:1;}
.home .body4 {overflow: auto;}

/*数字滚动*/
.number_01 {padding:100px 0; text-align:center;}
.number_01 .title {font-size:18px; color:#666666; padding-bottom:100px; line-height:35px; font-weight:100;}
.number_01 .tr .td {float:left; width:25%;}
.number_01 .tr .td .bg {border-left:1px solid #C2C2C2;}
.number_01 .tr .td1 .bg {border-left: none;}
.number_01 .inner {color:#0066CC;}
.number_01 .inner i {font-style:normal;}
.number_01 .inner strong {font-size:55px; font-family:Arial, Helvetica, sans-serif; /*font-family:Impact;*/ /*display:flex; justify-content:center;*/}
.number_01 .inner span {font-size:20px; padding-left:5px; font-weight:500;}
.number_01 .ps {font-size:20px; color:#666666; padding-top:20px; font-weight:100;}
.number_01.showdiv .tr .td.s strong i {
	animation:td1 2.5s ease-in-out 0s 1 both; /*animation-fill-mode : both感觉没啥效果*/
	/*transform-style:preserve-3d;*/
	display:inline-block; *display:inline; zoom:1;
}
.number_01 .tr .td.s strong i:nth-child(2) {animation-delay:0.2s;}
.number_01 .tr .td.s strong i:nth-child(3) {animation-delay:0.4s;}
.number_01 .tr .td.s strong i:nth-child(4) {animation-delay:0.6s;}
.number_01b .tr {padding:40px 0 10px;}
.number_01b .title {color:#999999;}
.number_01b .inner {color:#000000;}
@keyframes td1 {
	0%{transform:rotateX(0deg);}
	100%{transform:rotateX(360deg);}
}

/*替换*/
.header .header_bg {
    position: absolute;
}
/*.header_narrow {
	padding-bottom:85px;
}*/
.slider-container02, .slide-item02 {
    height: 100% !important;
}
.column_01 {
    padding: 0;
	height:100%;
}
.column_01 .column_t {
    padding-top: 140px;
}
.column_01q .column_bg {
    padding-top: 40px;
}
.column_01q .column_c {
    padding-top: 140px;
}
.part_01 {
    margin-top: 0;
    position: absolute;
	width:100%;
	bottom:0;
	left:0;
}
.column_01 .column_t .column_title strong {
	font-size:24px;
	color:#BCBCBC;
	font-weight:300;
}
.column_01b .column_t .column_title strong {
    color: #7DBFCE;
}

.body_click {position:absolute;right:20px; top:42%; text-align:center; z-index:400;}
.body_click li{position:relative; z-index:25; width:11px; height:11px; background:#FFF; border:1px solid #CCC; border-radius:10px; cursor: pointer; margin:10px 0;}
.body_click li.curr,.body_click li:hover{background:#3366CC; border:1px solid #3366CC;}
/*.body_click {position:absolute;right:20px; top:39%; text-align:center; z-index:400;}
.body_click li{position:relative; z-index:25; width:13px; height:13px; background:#FFF; border:1px solid #CCC; border-radius:10px; cursor: pointer; margin:20px 0;}
.body_click li.curr,.body_click li:hover{background:#3366CC; border:1px solid #3366CC;}*/

/*首页*/
.recruit1 {
	/*动画相关*/
	transform:translate(0, 80px); /*动作：直线偏移位置x,y*/
	/*transform: rotate(115deg);*/ /*动作：旋转*/
	/*transform: scaleX(0);*/ /*动作：两边展开*/
	/*transform: rotateY(-180deg);*/ /*动作：两边翻转展开 速度较快*/
	transition:all 1s ease-out 0s; /*开始结束时间：右边的开始时间，左边的结束时间*/
	opacity:0; /*不显示*/
	
	/*其他*/
	/*flex-direction:column-reverse;*/ /*文本底部对齐*/
	/*order:1;*/ /*标签顺序：数字小的排前面；如果另一个没有此属性，写的排最后*/
}
.showdiv .recruit1 {
	transform:none; /*动作：动画结束的动作*/
	opacity:1; /*显示*/
}
.recruit2 {
	transform:translate(0, -80px);
	transition:all 1.5s ease-out .5s;
	opacity:0;
}
.showdiv .recruit2 {
	transform:none;
	opacity:1;
}
.recruit3 li {
	transform:translate(0, 80px);
	transition:all 1s ease-out 0s;
	opacity:0;
}
.recruit3 li:nth-child(2){transition-delay:0.3s;}
.recruit3 li:nth-child(3){transition-delay:0.6s;}
.recruit3 li:nth-child(4){transition-delay:0.9s;}
.showdiv .recruit3 li {
	transform:none;
	opacity:1;
}
/*.recruit3 a:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; transition: all 0.6s ease; height: 4px; background: #C3DBF3; }
.recruit3 a:hover:after { width: 100%; }
.recruit3.part_pic_01b a:after { background: #B7E9EE; }*/
.recruit4 li {
	transform:translate(0, 80px);
	transition:all 1s ease-out 0s;
	opacity:0;
}
.recruit4 li:nth-child(2){transition-delay:0.3s;}
.recruit4 li:nth-child(3){transition-delay:0.6s;}
.recruit4 li:nth-child(4){transition-delay:0.9s;}
.showdiv .recruit4 li {
	transform:none;
	opacity:1;
}
.recruit5 {
	transform:translate(0, 50px);
	transition:all 1s ease-out 0s;
	opacity:0;
}
.showdiv .recruit5 {
	transform:none;
	opacity:1;
}
.recruit6 {
	transform:translate(0, -50px);
	transition:all 1s ease-out 0s;
	opacity:0;
}
.showdiv .recruit6 {
	transform:none;
	opacity:1;
}
.recruit7 .area_l {
	transform:translate(-50px, 0);
	transition:all 1s ease-out 0s;
	opacity:0;
}
.showdiv .recruit7 .area_l {
	transform:none;
	opacity:1;
}
.recruit7 .area_r {
	transform:translate(50px, 0);
	transition:all 1s ease-out 0s;
	opacity:0;
}
.showdiv .recruit7 .area_r {
	transform:none;
	opacity:1;
}
.recruit8 li {
	transform:translate(0, 80px);
	transition:all 1s ease-out 0s;
	opacity:0;
}
.recruit8 li:nth-child(2){transition-delay:0.2s;}
.recruit8 li:nth-child(3){transition-delay:0.4s;}
.recruit8 li:nth-child(4){transition-delay:0.6s;}
.recruit8 li:nth-child(5){transition-delay:0.8s;}
.showdiv .recruit8 li {
	transform:none;
	opacity:1;
}